<template>
    <div class="blog-container">
     <layout>
       <BlogList/>
       <template #right>
         <BlogCategory/>
       </template>
     </layout>
    </div>
</template>

<script>
import BlogList from './components/BlogList'
import BlogCategory from './components/BlogCategory'
import Layout from '@/components/Layout/'
export default {
  name: 'index',
  components: {
    BlogList,
    BlogCategory,
    Layout
  }
}
</script>

<style lang="less" scoped>
  .blog-container{
    width: 100%;
    height: 100%;
  }
</style>
